// 监听事件
createApp({
  methods: {
    greet() {
      alert('Hello!');
    }
  }
}).mount('#app');

// Vue.createApp(app).mount('#app')

// const HelloVueApp = {
//   data() {
//     return {
//       message: 'hello Vue!'
//     }
//   }
// }
//
// Vue.createApp(HelloVueApp).mount('#hello-vue')


// const app = Vue.createApp({
//   data() {
//     return { count: 4 }
//   }
// })

// const app = Vue.createApp({
//   data(){
//     return {
//       count: 4
//     }
//   },
//   methods : {
//     increment(){
//      // this指向该组件实例
//       this.count++
//     }
//   }
// })
//
// const vm = app.mount('#app')
// document.write(vm.count) // 4
// document.write("<br>")
// vm.increment()
//
// document.write(vm.count) //5


// data数据改变
// const vm = app.mount('#app')
//
// document.write(vm.$data.count) // => 4
// document.write("<br>")
// document.write(vm.count)       // => 4
// document.write("<br>")
// // 修改 vm.count 的值也会更新 $data.count
// vm.count = 5
// document.write(vm.$data.count) // => 5
// document.write("<br>")
// // 反之亦然
// vm.$data.count = 6
// document.write(vm.count) // => 6
